<template>
	<view style="width: 100vw;background-color: #fff;">
		<!-- 顶部 -->
		<view style="width: 100vw;height: 10vh;display: flex;">
			<view style="width: 15vw;height: 10vh;">
				<image src="../../../static/images/head.png" style="width: 10vw;height: 8vh;margin-top: 1vh;margin-left: 2vw;" mode=""></image>
			</view>
			<!-- 姓名 -->
			<view style="width: 60vw;height: 10vh;padding-top: 2vh;">
				暖暖
			</view>
			<!-- 积分 -->
			<view style="width: 20vw;height: 10vh;">
				<view style="font-size: 0.5rem;width: 20vw;text-align: center;padding-top: 2vh;">积分：</view>
				<view style="border-radius: 10px;margin-top: 1vh; width: 20vw;height: 5vh;background-color: #F0AD4E;font-size: 0.6rem;color: #fff;text-align: center;line-height: 3vh;">
					兑换
				</view>
			</view>
		</view>
		<!-- 签到 -->
		<SignIn></SignIn>
		<!-- 签到按钮 -->
		<view style="border-radius: 5px; width: 92vw;margin-left: 4vw;height: 5vh;background-color: #E43D33;color: #fff;text-align: center;line-height: 5vh;">
			签到
		</view>
		<view style="width: 100vw;text-align: center;font-size: 0.5rem;color: #999;height: 5vh; ">
			您已累计签到0天
		</view>
		<!-- 规则 -->
		<view style="width: 100vw;height: 40vh;background-color: #fff;border-radius: 5px;box-shadow: 0px 0px 5px 10px #FF5A5F;">
			<view style="width: 100vw;text-align: center;height: 4vh;line-height: 4vh;">
				规则
			</view>
			<view style="font-size: 0.7rem;color: #999;text-align: center;width: 90vw;margin-left: 5vw;margin-top: 1vh;">
				每日其拿到可获则等直积分，连续签到满7天后每日课获得7积分连续签到奖励，连续签到的日期补课终端，中断后练习签到的天书会从1天开始计算
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	import SignIn from '../../../components/sw-calendar/sw-calendar.vue'
	export default{
		data(){
			return{
				
			}
		},
		components:{
			SignIn
		}
	}
</script>

<style>
</style>
